.swiper_content{
    height: 100%;
    .swiper{
        height: 100%;
        min-height: 800rpx;
        &_item{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            &_content{
                position: relative;
                font-size: 0;
                &_image{
                    border-radius: 20rpx 20rpx 0 0;
                    width: 600rpx;
                    height: 800rpx;
                    animation: to-big 0.3s;
                }
                .footer{
                    border-radius: 0 0 20rpx 20rpx;
                    width: 600rpx;
                    height: 150rpx;
                    color: #181818;
                    background-color: #F7F8F9;
                    padding-top: 20rpx;
                    &_title{
                        padding: 0rpx 20rpx;
                        font-size: 32rpx;
                        font-weight: 700;
                    }
                    &_content{
                        padding: 10rpx 20rpx;
                        font-size: 28rpx;
                    }
                }

                .completed_info{
                    position: absolute;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    top: 20rpx;
                    left: 20rpx;
                    right: 20rpx;
                    &_left{
                        display: flex;
                        align-items: center;
                        color: #FA62AF;
                        font-weight: 700;
                        &_day{
                            font-size: 77rpx;
                            margin-right: 10rpx;
                        }
                        &_right{
                            font-size: 28rpx;
                        }
                    }
                    &_right{
                        &_image{
                            width: 200rpx;
                            height: 200rpx;
                        }
                    }
                }
            }
            .mini{
                .swiper_item_content_image{
                    animation: to-mini 0.3s;
                    height: 752rpx;
                }
            }
        }
    }
}

@keyframes to-mini {
    from {
      height: 800rpx;
    }
    to {
      height: 752rpx;
    }
  }
  @keyframes to-big {
    from {
      height: 752rpx;
    }
    to {
      height: 800rpx;
    }
  }